.matial-title {
  width: 10rem;
  height: 1.2rem;
  background: #F4F5FA;
  color: #999999;
  font-size: 0.37333333333rem;
  padding: 0.533333333rem 0.44rem 0.32rem 0.44rem;
}
.matial-con {
  width: 10rem;
  background: #fff;
}
.matial-con > ul > li {
  width: 10rem;
  padding: 0.4rem;
  border-bottom: 0.0133333333rem solid #e5e5e5;
  font-size: 0;
}
.item-tip {
  width: 1.6266666666667rem;
  height: 0.68266666667rem;
  line-height: 0.6826666666666rem;
  color: #fff;
  font-size: 0.4rem;
  background: -webkit-linear-gradient(left, #3ECDA6 , #24B07F); /* Safari 5.1 - 6.0 */
  background: -o-linear-gradient(right, #3ECDA6 , #24B07F); /* Opera 11.1 - 12.0 */
  background: -moz-linear-gradient(right, #3ECDA6 , #24B07F); /* Firefox 3.6 - 15 */
  background: linear-gradient(to right, #3ECDA6 , #24B07F);
  border-radius: 0.053333333333rem;
  text-align: center;
}
.item-two {
  background: -webkit-linear-gradient(left, #78BFF4 , #529eed); /* Safari 5.1 - 6.0 */
  background: -o-linear-gradient(right, #78BFF4 , #529eed); /* Opera 11.1 - 12.0 */
  background: -moz-linear-gradient(right, #78BFF4 , #529eed); /* Firefox 3.6 - 15 */
  background: linear-gradient(to right, #78BFF4 , #529eed);
}
.item-three {
  background: -webkit-linear-gradient(left, #F9C037 , #FC9E1E); /* Safari 5.1 - 6.0 */
  background: -o-linear-gradient(right, #F9C037 , #FC9E1E); /* Opera 11.1 - 12.0 */
  background: -moz-linear-gradient(right, #F9C037 , #FC9E1E); /* Firefox 3.6 - 15 */
  background: linear-gradient(to right, #F9C037 , #FC9E1E);
}
.item-four {
  background: -webkit-linear-gradient(left, #7884F4 , #525DED); /* Safari 5.1 - 6.0 */
  background: -o-linear-gradient(right, #7884F4 , #525DED); /* Opera 11.1 - 12.0 */
  background: -moz-linear-gradient(right, #7884F4 , #525DED); /* Firefox 3.6 - 15 */
  background: linear-gradient(to right, #7884F4 , #525DED);
}
.item-five {
  background: -webkit-linear-gradient(left, #FC658C , #F85463); /* Safari 5.1 - 6.0 */
  background: -o-linear-gradient(right, #FC658C , #F85463); /* Opera 11.1 - 12.0 */
  background: -moz-linear-gradient(right, #FC658C , #F85463); /* Firefox 3.6 - 15 */
  background: linear-gradient(to right, #FC658C , #F85463);
}
.item-con {
  color: #333333;
  font-size: 0.32rem;
  margin-top: 0.317333333rem;
  width: 7.34666666667rem;
  line-height: 0.453333333rem;
  float: left;
}
.item-check {
  float: right;
  width: 0.58666666667rem;
  height: 0.586666666667rem;
  background: url('../images/s-check.png') 0 0 no-repeat;
  background-size: contain;
}
.item-checked {
  float: right;
  width: 0.58666666667rem;
  height: 0.586666666667rem;
  background: url('../images/s-checked.png') 0 0 no-repeat;
  background-size: contain;
}
.item-scheck {
  float: right;
  width: 0.58666666667rem;
  height: 0.586666666667rem;
  background: url('../images/s-check.png') 0 0 no-repeat;
  background-size: contain;
}
.item-schecked {
  float: right;
  width: 0.58666666667rem;
  height: 0.586666666667rem;
  background: url('../images/s-checked.png') 0 0 no-repeat;
  background-size: contain;
}.skill-item ,.skill-item > p {
  width: 2.02666666667rem;
}
.btn {
  width: 9.2rem;
  height: 1.306666666667rem;
  margin: 1.06666666667rem 0.4rem 1.0666666667rem 0.4rem;
  background: #dc3838;
  text-align: center;
  line-height: 1.306666666667rem;
  font-size: 0.48rem;
  color: #fff;
  border-radius: 0.10666666668rem;
}
.item-active {
  background: #FFEEEE;
}